<template>
	<swiper :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000" style="margin-bottom: 20rpx;">
		<!-- 		<swiper-item v-for="(item,index) in Swpier_list" :key="index">
			<view class="swiper-item">
				<image class="swiper_img" :src="`http://${item.img_url}`" mode=""></image>
			</view>
		</swiper-item> -->
		<swiper-item>
			<view class="swiper-item">
				<image class="swiper_img" src="../../static/Carousel/1.jpg" mode=""></image>
			</view>
		</swiper-item>
		<swiper-item>
			<view class="swiper-item">
				<image class="swiper_img" src="../../static/Carousel/2.jpg" mode=""></image>
			</view>
		</swiper-item>
		<swiper-item>
			<view class="swiper-item">
				<image class="swiper_img" src="../../static/Carousel/3.jpg" mode=""></image>
			</view>
		</swiper-item>
	</swiper>
</template>

<script>
	export default {
		props: {
			Swpier_list: Array
		}
	}
</script>

<style scoped>
	swiper {
		width: 100%;
		height: 400rpx;
		justify-content: center;
		text-align: center;
	}

	.swiper_img {
		width: 750rpx;
		height: 400rpx;
	}
	
</style>